page {
	background-color: #F0F2F3;
}

.add-pack {
	.details {
		margin-top: 17rpx;
		background-color: #fff;

		.title {
			display: flex;
			justify-content: space-between;
			padding: 28rpx 33rpx 21rpx;

			.name {
				font-size: 32rpx;
			}

			.add {
				color: #69B657;
				font-size: 28rpx;
			}
		}

		.line {
			margin-left: 32rpx;
			width: 718px;
			height: 1px;
			background: #CACACA;
		}

		.item {
			padding: 28rpx 33rpx 21rpx;
			display: flex;
			justify-content: space-between;
		}
	}

	.footer {
		display: flex;
		width: 100%;
		justify-content: center;
		margin-top: 79rpx;

		.btn {
			color: #fff;
			width: 640rpx;
			height: 88rpx;
			text-align: center;
			line-height: 88rpx;
			background: #5FB257;
			border-radius: 8rpx;
		}
	}

	.todo {
		display: flex;
		justify-content: space-between;
		padding: 20rpx;
		.btn1{
			color: #969799
		}
		.btn2{
			color:#576b95;
		}
	}

	.value-class {
		flex: none !important;
	}

}